<template>
    <p>子组件</p>
    <p>父组件传下来的值 ---{{title}}</p>

    <!-- 按钮点击触发 changePaentValue 方法 -->
    <button @click="changeParentValue">改变父组件的值</button>
</template>

<script>
export default {
    //子组件接受父组件的传值
    props:{
        //声明要接收的变量
        title:''
    },
    //子组件改变父组件的值
    methods:{
        changeParentValue(){
            //触发了 change 事件，并传递了值 123
            this.$emit('change',123)
        }
    }
}
</script>